<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<!-- 	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover" /> -->
		<link rel="stylesheet" type="text/css" href="css/sui.css" />
		<link rel="stylesheet" type="text/css" href="css/sui-flex.css" />
		<link rel="stylesheet" type="text/css" href="css/my.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<script src="./js/iconfont.js"></script>
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="css/control.css?vesion=20200314" />
		<title></title>
		<style>
			body {
			/* background-color: #203CF4; */
			overflow-x: hidden;
			overflow-y: hidden;
		}
		.sui-list-item:last-child{
			background-image: none;
		}	
		
	</style>

	</head>

	<body>
		<header class="sui-bar sui-bar-nav top-box" style="height: 85px;box-shadow: 0px 2px 1px rgba(0,0,0,0.5)">
			<!-- <a class="sui-btn sui-pull-left" id="sui-back">
				<span class="sui-iconfont sui-icon-left"></span>
			</a> -->
			<div class="sui-title" style="height: 85px; line-height: 85px;">智慧水务系统</div>
			<div class="sui-pull-right" id="sui-back">
				<img src="img/menu.png" id="icon-menu" />
			</div>
		</header>

		<div class="sui-wrap  back-box " id="datas">
			<div class="sui-content piple-box animated fadeIn  sui-flex-col sui-flex-center sui-flex-middle">

				<div >
					<div class=" sui-padded-15 box-info radio-box  animated fadeInRight" >
						<div class="sui-flex-col">
							<!-- <img :src="bengClass(2)" /> -->
							<img src="./img/icon_dc.png" />
							<div class="sui-flex-row sui-flex-center" @click="onRadioClicked(2)">
								<p>1#阀门</p>
								<label :class="radioClass(2)"></label>
							</div>
						</div>
					</div>
				
					<div class=" sui-padded-15 box-info radio-box  animated fadeInRight" style="margin-top: 2rem;">
						<div class="sui-flex-col">
							<!-- <img :src="bengClass(3)" /> -->
							<img src="img/icon_dc.png" />
							<div class="sui-flex-row sui-flex-center" @click="onRadioClicked(3)">
								<p>2#阀门</p>
								<label :class="radioClass(3)"></label>
							</div>
						</div>
					</div>
					
				</div>
				

			</div>
			
			
			
			

			<div class="sui-content sui-padded-r-15  animated fadeInLeft sui-flex-col sui-flex-between" style="position: fixed;bottom: 1rem;width: 100%;height: auto;">
			

				<section class="sui-content sui-margin-t-15">
					<div class=" sui-padded-15 box-info radio-box">
						<div class="sui-flex-col">
							<img src="img/mj.png" />
							<div class="sui-flex-row sui-flex-center" @click="onRadioClicked(0)">
								<p>门禁总成</p>
								<label :class="radioClass(0)"></label>
							</div>
						</div>
					</div>
				</section>

				<section class="sui-content sui-margin-t-15">
					<div class=" sui-padded-15 box-info radio-box">
						<div class="sui-flex-col">
							<img src="img/icon_fj.png" />
							<div class="sui-flex-row sui-flex-center" @click="onRadioClicked(1)">
								<p>风机</p>
								<label :class="radioClass(1)"></label>
							</div>
						</div>
					</div>
				</section>

				<section class="sui-content sui-margin-t-15">
					<div class=" sui-padded-15 box-info radio-box">
						<div class="sui-flex-col">
							<img src="img/icon_ws.png" />
							<div class="sui-flex-row sui-flex-center" @click="onRadioClicked(4)">
								<p>排污阀</p>
								<label :class="radioClass(4)"></label>
							</div>
						</div>
					</div>
				</section>
			</div>
			
			
		


			<p class="top-info animated fadeInDown">控制面板</p>


		</div>


		<script type="application/javascript" src="lib/sui.js"></script>
		<script type="application/javascript" src="js/common.js"></script>
		<script type="application/javascript" src="js/vue.min.js"></script>
		<script type="application/javascript" src="control.js"></script>
		<script type="text/javascript">

		</script>

	</body>

</html>
